<template>
  <div class="evt-group">
    <el-form label-position="top">
      <el-form-item label="告警事件分组">
        <div>
          <div>
            将字段
            <bs-select style="width: 300px;" v-model="currConfig.groupingFields"></bs-select>
            内容相同的事件汇总到同一告警通知，减少联系人需要处理的告警。
          </div>
          <div class="tip">汇总关键信息，降低通知疲劳度</div>
        </div>
      </el-form-item>
    </el-form>
  </div>
</template>
<script lang="ts" setup>
import {ref, watch} from 'vue'
const props = defineProps({
  config: Object as any
})

const currConfig = ref<Record<string, any>>(props.config)
watch(() => props.config, () => {
  currConfig.value = props.config
})
</script>
<style lang="scss" scoped>
.n-flex {
  display: block;
}
.tip {
  font-size: 12px;
  color: var(--gray-color);
}
</style>